<template>
  <van-tabs v-model:active="active">
    <van-tab title="网格布局">
      <div class="padding-top-sm">
        <grid-start class="padding-top-sm"></grid-start>
      </div>
    </van-tab>
    <van-tab title="align-items">
      <div class="padding-top-sm">
        <grid-ratio></grid-ratio>
      </div>
    </van-tab>
    <van-tab title="justify">
      <div class="padding-top-sm">
        <grid-justify></grid-justify>
      </div>
    </van-tab>
    <van-tab title="tab4">
      <div class="padding"> tab4-content </div>
    </van-tab>
  </van-tabs>
</template>
<script setup lang="ts">
  import { ref } from 'vue';
  import GridRatio from './components/GridRatio.vue';
  import GridStart from './components/GridStart.vue';
  import GridJustify from './components/GridJustify.vue';
  const active = ref(0);

  console.log(import.meta.env);
</script>
<style lang="less" scoped></style>
